iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
Modern Web

初學者對於做購物車系統的分析系列 第 19

Day 19-製作購物車系統之將資料匯入腳本

  • 分享至 

  • xImage
  •  

今天要把前面幾天的資料(包括MongoDB連線、產品等)匯入到腳本

以下內容有參考教學影片,底下有附網址。
(內容包括我的不專業解說分析及在實作過程中遇到的困難與解決)

go go~/images/emoticon/emoticon08.gif


打開backend資料夾,直接新增一個檔案叫seederScript.js
https://ithelp.ithome.com.tw/upload/images/20210920/20139720uzA0s0AsEn.png
第1行:需要dotenv來與資料庫連線。
第3行:productData(可自由取名)與昨天說的data資料夾中的products.js做連接。
第4行:connectDB(可自由取名)與之前說的config資料夾中的db.js做連接。
第5行:Product(可自由取名)與昨天說的models資料夾中的Product.js做連接。
第7行:要讓connectDB先執行(先執行MongoDB)。
第9-22行:為名字importData(可自行更換)的function,這幾行是要把item輸入進資料庫的部分,而async在第16天我們有說過。
11行:先將資料庫的東西刪除乾淨。
13行:接著把productData資料輸入進去。
15行:以上步驟成功,則顯示“Data import success”。
17行:退出這個function。
19行:跟15行相反(未成功),則顯示“Data import error”。
20行:退出function with state 1。
!小補充!
await運算子,只能用在async function中。
第24行:當執行完connectDB之後,執行importData function。

接著來到package.json檔,來加入一個script使其能直接執行seederScript.js檔。
https://ithelp.ithome.com.tw/upload/images/20210921/20139720lzrcylecb1.png

執行成功後,除了terminal會顯示"Data import success"
打開MongoDB網頁,進入你的cluster,能看到產品的資料。
https://ithelp.ithome.com.tw/upload/images/20210921/20139720w3aB4vk2hE.png

中秋節快樂~/images/emoticon/emoticon61.gif


參考教學網站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s
第16天文章指路:https://ithelp.ithome.com.tw/articles/10265944


  • 明天要說routes&controller/images/emoticon/emoticon29.gif

上一篇
Day 18-製作購物車系統之產品架構與描述
下一篇
Day 20-製作購物車系統之建立Routes&Controller
系列文
初學者對於做購物車系統的分析30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言